<!--搜索-->
<div class="search">
    <div class="search-body w1100 mc">
        <h1>来搭配，一个教你如何搭配自己的网站</h1>
        <div class="search-input mc">
            <input type="search" id="keyword" placeholder="春季爆款" autocomplete="off">
            <a href="" class="search-btn">搜索</a>
        </div>
    </div>
</div>
<!--时装标签-->
<div class="nav-title w1100 mc">
    <div class="title">
        <span class="line fl">&nbsp;</span>
        <span class="text fl">时装标签</span>
        <span class="line fl">&nbsp;</span>
    </div>
</div>
<div class="w1100 mc">
    <div class="dapei-label">
        <ul>
            {foreach $type as $k=>$val}
            <li class="fl label-{$k+1}">
                <a href="{:url('index/type',['type'=>$val->en_name])}" style="background-image: url('{$val->thumb}')">
                    <span class="title">{$val->name}</span>
                </a>
            </li>
            {/foreach}
        </ul>
    </div>
</div>
<div class="w1100 mc">
    <div class="tabs">
        <ul>
            <li>
                <a href="{:url('index/works',['type'=>'new'])}" class="active">最新发布</a>
            </li>
            <li>
                <a href="{:url('index/works',['type'=>'rem'])}">精选推荐</a>
            </li>
            <li>
                <a href="{:url('index/works',['type'=>'hot'])}">收藏最火</a>
            </li>
        </ul>
        <div class="scroll-text fr">
            <ul>
                <li>只有在看过515晚会后，才知道这个世界简单</li>
            </ul>
        </div>
    </div>
    <div class="tab-content">
        <ul>
            {foreach $shop as $k=>$val}
            <li class="fl {if $k%3}clear-m-r-30{/if}">
                <a href="{:url('index/works',['id'=>$val->id])}" class="img-box">
                    <div>
                        <img src="{$val->thumb}/w252.h180" alt="" width="100%" height="180">
                        <span>{$val->title}</span>
                    </div>

                </a>
                <a href="" class="user-info">
                    <div class="content">
                        <img class="img-cly fl" src="http://cdn.uehtml.com/201611/1479700031861.jpg" alt="" width="30" height="30">
                        <span class="nick-name fl">王小江</span>
                        <span class="focus fr">关注</span>
                    </div>
                </a>
                <div class="img-info">
                    <a href="">
                        <span class="look">&nbsp;</span>({$val->click_num})
                    </a>
                    <a href="">
                        <span class="like">&nbsp;</span>({$val->like_num})
                    </a>
                    <a href="">
                        <span class="comment">&nbsp;</span>({$val->fav_num})
                    </a>
                </div>
            </li>
            {/foreach}
        </ul>
    </div>
</div>
<div class="clear"></div>
<!--搭配达人-->
<div class="nav-title w1100 mc hidden">
    <div class="title">
        <span class="line fl">&nbsp;</span>
        <span class="text fl"><a href="">搭配达人</a></span>
        <span class="line fl">&nbsp;</span>
    </div>
</div>
<div class="w1100 mc master hidden">
    <ul>
        <li class="user-info fl">
            <a href="">
                <img src="http://imgavater.ui.cn/avatar/3/9/6/3/323693.jpg?imageMogr2/auto-orient/crop/!300x300a50a0/thumbnail/100x100" alt="">
                <p>
                    <span class="nick-name">宫本昴MAO</span>
                    <span class="user-fans">
                            搭配(5)&nbsp;&nbsp;&nbsp;&nbsp;粉丝(700)
                        </span>
                </p>
            </a>
        </li>
        <li class="user-info fl">
            <a href="">
                <img src="http://imgavater.ui.cn/avatar/3/9/6/3/323693.jpg?imageMogr2/auto-orient/crop/!300x300a50a0/thumbnail/100x100" alt="">
                <p>
                    <span class="nick-name">宫本昴MAO</span>
                    <span class="user-fans">
                            搭配(5)&nbsp;&nbsp;&nbsp;&nbsp;粉丝(700)
                        </span>
                </p>
            </a>
        </li>
        <li class="user-info fl">
            <a href="">
                <img src="http://imgavater.ui.cn/avatar/3/9/6/3/323693.jpg?imageMogr2/auto-orient/crop/!300x300a50a0/thumbnail/100x100" alt="">
                <p>
                    <span class="nick-name">宫本昴MAO</span>
                    <span class="user-fans">
                            搭配(5)&nbsp;&nbsp;&nbsp;&nbsp;粉丝(700)
                        </span>
                </p>
            </a>
        </li>
        <li class="user-info fl clear-m-r-30">
            <a href="">
                <img src="http://imgavater.ui.cn/avatar/3/9/6/3/323693.jpg?imageMogr2/auto-orient/crop/!300x300a50a0/thumbnail/100x100" alt="">
                <p>
                    <span class="nick-name">宫本昴MAO</span>
                    <span class="user-fans">
                            搭配(5)&nbsp;&nbsp;&nbsp;&nbsp;粉丝(700)
                        </span>
                </p>
            </a>
        </li>
        <li class="user-info fl">
            <a href="">
                <img src="http://imgavater.ui.cn/avatar/3/9/6/3/323693.jpg?imageMogr2/auto-orient/crop/!300x300a50a0/thumbnail/100x100" alt="">
                <p>
                    <span class="nick-name">宫本昴MAO</span>
                    <span class="user-fans">
                            搭配(5)&nbsp;&nbsp;&nbsp;&nbsp;粉丝(700)
                        </span>
                </p>
            </a>
        </li>
        <li class="user-info fl">
            <a href="">
                <img src="http://imgavater.ui.cn/avatar/3/9/6/3/323693.jpg?imageMogr2/auto-orient/crop/!300x300a50a0/thumbnail/100x100" alt="">
                <p>
                    <span class="nick-name">宫本昴MAO</span>
                    <span class="user-fans">
                            搭配(5)&nbsp;&nbsp;&nbsp;&nbsp;粉丝(700)
                        </span>
                </p>
            </a>
        </li>
        <li class="user-info fl">
            <a href="">
                <img src="http://imgavater.ui.cn/avatar/3/9/6/3/323693.jpg?imageMogr2/auto-orient/crop/!300x300a50a0/thumbnail/100x100" alt="">
                <p>
                    <span class="nick-name">宫本昴MAO</span>
                    <span class="user-fans">
                            搭配(5)&nbsp;&nbsp;&nbsp;&nbsp;粉丝(700)
                        </span>
                </p>
            </a>
        </li>
        <li class="user-info fl clear-m-r-30">
            <a href="">
                <img src="http://imgavater.ui.cn/avatar/3/9/6/3/323693.jpg?imageMogr2/auto-orient/crop/!300x300a50a0/thumbnail/100x100" alt="">
                <p>
                    <span class="nick-name">宫本昴MAO</span>
                    <span class="user-fans">
                            搭配(5)&nbsp;&nbsp;&nbsp;&nbsp;粉丝(700)
                        </span>
                </p>
            </a>
        </li>
    </ul>
</div>
<div class="clear"></div>
<div class="news-box">
    <div class="mc w1100">
        <div class="left fl">
            <ul class="menu-list">
                <li class="fl active">
                    <a href="">最新资讯</a>
                </li>
                <li class="fl">
                    <a href="">精选博文</a>
                </li>
                <li class="fl">
                    <a href="">搭配技巧</a>
                </li>
            </ul>
            <div class="clear"></div>

            <ul class="news-list">
                {foreach $article as $k=>$v}
                <li>
                    <a href="{:url('index/article',['id'=>$v->id])}">
                        <img class="news-img" src="{$v->thumb}/w160.h120" alt="{$v->title}">
                        <div>
                            <h3 title="{$v->title}">{$v->title}</h3>
                            <p>{$v->description}</p>
                            <div class="user-info">
                                <img width="20" class="img-cly" height="20" src="{$v->thumb}/w.100" alt="王M争" rel="nofollow">
                                <span class="nick-name">小五</span>
                                <span class="fr date">发布于 {$v->create_time}</span>
                            </div>
                        </div>
                    </a>
                </li>
                {/foreach}
            </ul>
        </div>
        <div class="right fr">
            <h3>最新活动</h3>
            <div class="active-list">
                <ul>
                    <li>
                        <a href="">
                            <img class="cover" width="280" height="125" src="http://img.ui.cn/data/booth/201609/1473307771_779.jpeg" alt="" rel="nofollow">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="friend-link w1100 mc">
    <h3>友情链接</h3>
    <div class="img-link">
        <ul>
            {if isset($link_img[0])}
            {foreach $link_img as $val}
            <li>
                <a href="{$val->url}" target="_blank">
                    <img title="{$val->name}" src="{$val->thumb}" height="50" alt="">
                </a>
            </li>
            {/foreach}
            {/if}
        </ul>
    </div>
    <div class="text-link">
        <ul>
            {if isset($link_text[0])}
            {foreach $link_text as $val}
            <li>
                <a href="{$val->url}">{$val->name}</a>
            </li>
            {/foreach}
            {/if}
        </ul>
    </div>
</div>